<template>
	<view class="box">
		<uni-nav-bar class="FWnav" :backgroundColor="'transparent'" left-icon="left" :border="false" title="收银台" height="138rpx" @clickLeft="back" />
		<view class="meony">
			<view class="Msign">
				￥
			</view>
			<view class="zheng">
				360
			</view>
			<view class="ling">
				.00
			</view>
		</view>
		<view class="All_pay">
			全部付款方式
		</view>
		<view class="Pay_class">
			<view class="plot">
				<view class="plot_left">
					<uni-icons custom-prefix="iconfont" type="icon-zhifu-weixinzhifu" color="#15bb0c" size="47rpx"></uni-icons>
					<text class="plot_left_text">
						微信支付
					</text>
				</view>
				<view class="plot_right">
				</view>
				<label class="radio">
					<radio value="" name="aa"/><text></text>
				</label>
			</view>
			<view class="plot zhifubao">
				<view class="plot_left">
						<uni-icons class="plot_left_pay" custom-prefix="iconfont" type="icon-zhifubaozhifu" color="#01a9f2" size="47rpx"></uni-icons>
					<text class="plot_left_text">
						支付宝支付
					</text>
				</view>
				<view class="plot_right">
				</view>
				<label class="radio">
					<radio value="" name="aa"/><text></text>
				</label>
			</view>
		</view>
		<view class="father_submit">
			<view class="submit">
				微信支付￥360.00
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
		
	}
</script>

<style lang="less">
.box{
	width: 100%;
	height: 100%;
	background-color: #f3f3f3;
}
.meony{
	width: 100%;
	height: 60rpx;
	margin-top: 35rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	.Msign{
		font-size: 28rpx;
		color: #fc1f17;
		margin-top: 15rpx;
	}
	.zheng{
		font-size: 48rpx;
		color: #fc1f17;
	}
	.ling{
		font-size: 28rpx;
		color: #fc1f17;
		margin-top: 20rpx;
	}
}
.All_pay{
	width: 100%;
	height: 120rpx;
	line-height: 120rpx;
	font-size: 28rpx;
	padding-left: 37rpx;
	margin-top: 126rpx;
	background-color: #ffffff;
}
.Pay_class{
	width: 100%;
	height: 215rpx;
	margin-top: 17rpx;
	background-color: #ffffff;
}
.father_submit{
	padding: 0 34rpx;
}
.submit{
	width: 100%;
	height: 74rpx;
	border-radius: 37rpx;
	margin-top: 530rpx;
	line-height: 74rpx;
	text-align: center;
	background-color: #f21119;
	color: #ffffff;
}
.plot{
	height: 100rpx;
	line-height: 100rpx;
	font-size: 30rpx;
	padding-right:31rpx;
	margin-left: 30rpx;
	display: flex;
	justify-content: space-between;
	.plot_right{
		color: #898989;
		padding-left: 305rpx;
	}
}
.plot_left_text{
	margin-left: 10rpx;
}
.zhifubao{
	border-top: 2px solid #f8f8f8;
}
.icon-zhifubaozhifu{
	color: #01a9f2;
}
.icon-weixinzhifu{
	color: #14bb0c;
}

</style>
